@import "../common/functions";

$red: #e51d23;
$grayline: pxToRem(1px) solid #C8C8CB;
$sidepadding: 0 pxToRem(30px);
$imgpath:'../../img/';

.order-detail-list { font-size:pxToRem(28px);
  li{overflow: hidden; margin-bottom:pxToRem(20px);background: #FFFFFF;}
  .hd{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;  justify-content:space-between;border-bottom: $grayline; height: pxToRem(80px);line-height: pxToRem(80px);padding:$sidepadding ;
    .order_number{}
  }
  .order_info{ padding:pxToRem(25px) pxToRem(55px) pxToRem(25px) pxToRem(30px);overflow: hidden;
    img{width: pxToRem(190px);height: pxToRem(190px);float: left; margin-right: pxToRem(30px);}
    .order_content{float: left; width: pxToRem(445px); position: relative; height: pxToRem(190px);
      .order_title{ line-height: pxToRem(42px);}
      .price{ position:absolute;bottom: 0; left: 0; width: 100%;font-size: pxToRem(24px);
        ins{color: $red;font-weight:bolder; font-size:pxToRem(34px); }
        .number{position: absolute;right: 0;top:0;}
      }
    }
  }
  .total{ height: pxToRem(80px);line-height: pxToRem(80px);border-bottom: $grayline;border-top: $grayline; text-align: right; padding-right: pxToRem(55px) }
  .logistics_btn{ float: right;margin: pxToRem(15px)  pxToRem(55px) pxToRem(15px) 0; width: pxToRem(163px); height: pxToRem(50px);line-height: pxToRem(50px);overflow: hidden;color: #FFFFFF; background: #b22222; border-radius: pxToRem(5px);text-align: center; }

}

.order_detail_empty { text-align: center; padding-top: pxToRem(120px); margin-bottom: pxToRem(30px);}
.order_detail_empty_bg{ width:pxToRem(93px); height: pxToRem(100px);  background: url($imgpath + "empty_list.png") no-repeat; margin: 0 auto pxToRem(40px) auto; background-size:pxToRem(93px) pxToRem(100px); }
.order_detail_empty_text{color: #999999; font-size: pxToRem(30px);}
